/**
 * Dialog Style Sheet
 *
 * Copyright (c) 2013. by Way2CU
 * Author: Mladen Mijatov
 */

div.dialog-background {
	display: block;
	width: 0px;
	height: 0px;
	
	position: fixed;
	top: 0px;
	left: 0px;
	
	background-color: #303030;

	z-index: 100000;
	opacity: 0;

	transition-property: opacity;
	transition-duration: 0.3s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.3s;
}

div.dialog-background.visible {
	width: 100%;
	height: 100%;
	opacity: 0.5;
}

div.dialog {
	display: block;
	position: fixed;

	top: -100%;
	left: 50%;

	background-color: white;
	z-index: 100001;

	color: #333333;

	transition-property: transform;
	transition-duration: 0.6s;
	-moz-transition-property: transform;
	-moz-transition-duration: 0.6s;
	transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}

div.dialog.visible {
	display: block;
	top: 0px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);

	transform: translateY(0%);
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
}

div.dialog div.title {
	display: block;
	padding: 0.5em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	
	background-color: #3e8df3;
	
	color: white;
	font-size: 1.5em;
	overflow: hidden;
}

div.dialog.error div.title {
	background-color: #df3434;
}

div.dialog div.command_bar {
	display: block;
	padding: 1em;

	text-align: center;
}

div.dialog div.command_bar a {
	padding: 0.4em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	
	background-color: #a0a0a0;

	color: white;
	font-size: 1.1em;
	text-decoration: none;

	transition-property: all;
	transition-duration: 0.3s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.3s;
}

div.dialog div.command_bar a:hover {
	background-color: #d0d0d0;
}

div.dialog div.content {
	display: block;
	overflow: hidden;
}

div.dialog div.content div.scrollbar_thumb {
	display: none;
}

div.dialog div.content.scroll div.scrollbar_thumb {
	display: block;
}
